export const inputComponents = [
    {
        label: '单行文本',
        tag: 'el-input',
        placeholder: '请输入',
        disabled: false,
        modelValue: 'inputVal',
        clearable: false,
        'show-word-limit': false,
        "prefix-icon": '',
        "suffix-icon": '',
        maxlength: '',
    },
    {
        label: '文本域',
        tag: 'el-input',
        type: 'textarea',
        placeholder: '请输入',
        'show-word-limit': false,
        disabled: false,
        modelValue: 'textareaVal',
        maxlength: '',
        autosize: false,
        rows: 2
    },
    {
        label: '密码框',
        tag: 'el-input',
        placeholder: '请输入',
        disabled: false,
        modelValue: 'pwdVal',
        'clearable': false,
        "prefix-icon": '',
        "suffix-icon": '',
        password: true,
        type: 'password',
        'show-password': true,
        maxlength: '',
    },
    {
        label: '数字输入框',
        tag: 'el-input-number',
        modelValue: 'numVal',
        disabled: false,
        step: 1,
        "step-strictly": true,
        precision: 0,
        min: '0',
        max: '100',
        controls: true,
        'controls-position': '',
    }
]

export const selectComponents = [
    {
        label: '下拉选择',
        tag: 'el-select',
        modelValue: 'selectVal',
        placeholder: '请选择',
        clearable: false,
        'collapse-tags': false,
        'multiple-limit': 0,
        disabled: false,
        multiple: false,
        filterable: false,
        'allow-create': false,
        'suffix-icon': 'ArrowDown',
        options: [
            {
                label: "选项1",
                value: 1
            },
            {
                label: '选项2',
                value: 2
            }
        ]
    },
    {
        label: '级联选择',
        tag: 'el-cascader',
        placeholder: "请选择",
        modelValue: 'cascaderVal',
        separator: '/',
        filterable: false,
        clearable: false,
        disabled: false,
        options: [
            {
                label: '选项1',
                value: 1,
                children: [
                    {
                        label: '选项1-1',
                        value: '1-1'
                    },
                    {
                        label: '选项1-2',
                        value: '1-2'
                    }
                ]
            },
            {
                label: '选项2',
                value: 2,
                children: [
                    {
                        label: '选项2-1',
                        value: '2-1'
                    },
                    {
                        label: '选项2-2',
                        value: '2-2'
                    }
                ]
            }
        ]
    },
    {
        label: '单选框',
        tag: 'el-radio',
        modelValue: 'radioVal',
        disabled: false,
        border: false,
        options: [
            {
                label: '选项1',
                value: 1
            },
            {
                label: '选项2',
                value: 2
            }
        ]
    },
    {
        label: '多选框',
        tag: 'el-checkbox',
        border: false,
        'true-value': '',
        'false-value': '',
        modelValue: 'checkboxVal',
        disabled: false,
        options: [
            {
                label: '选项1',
                value: 1
            },
            {
                label: '选项2',
                value: 2
            }
        ]
    },
    {
        label: '开关',
        tag: 'el-switch',
        modelValue: 'switchVal',
        disabled: false,
        width: '',
        'active-icon': '',
        'inactive-icon': '',
        'inline-prompt': '',
        'active-action-icon': '',
        'inactive-action-icon': '',
        'active-text': '',
        'inactive-text': '',
        'active-value': '',
        'inactive-value': '',
    },
    {
        label: '滑块',
        tag: 'el-slider',
        modelValue: 'sliderVal',
        vertical: false,
        range: false,
        step: 1,
        min: 1,
        max: 100,
        disabled: false,
        'show-input': false,
        'show-input-controls': false,
        'show-stops': false,
        'show-tooltip': false,
    },
    {
        label: '时间选择',
        tag: 'el-date-picker',
        modelValue: 'dateVal',
        type: 'datetime',
        disabled: false,
        placeholder: "请选择",
        editable: false,
        clearable: false,
        'start-placeholder': '',
        'end-placeholder': '',
        format: 'YYYY-MM-DD HH:mm:ss',
        'range-separator': '-',
        'value-format': 'YYYY-MM-DD HH:mm:ss',
        'date-format': 'YYYY-MM-DD',
        'time-format': 'HH:mm:ss',
        'prefix-icon':'',
        'show-now':true,
        'arrow-control':false
    },
    {
        label: '评分',
        tag: 'el-rate',
        modelValue: 'rateVal',
        max: 5,
        disabled: false,
        'allow-half': false,
        'low-threshold':2,
        'high-threshold':4,
        colors:['#f7ba2a', '#f7ba2a', '#f7ba2a'],
        icons:['StarFilled', 'StarFilled', 'StarFilled'],
        'show-score': false,
        'show-text': false,
        clearable : false
    },
    {
        label: '颜色选择',
        tag: 'el-color-picker',
        modelValue: "colorVal",
        disabled: false,
        'show-alpha': false,
        'color-format': 'hex',

    },
    {
        label: '图标选择',
        tag: 'icon-picker',
        modelValue: 'iconVal',
    },
    {
        label: '上传',
        tag: 'el-upload',
        action: '',
        headers: '',
        method: 'post',
        multiple: false,
        data: '{}',
        name: 'file',
        'with-credentials': false,
        'show-file-list': true,
        drag: false,
        text: '点击选择',
        'list-type':'text',
        'auto-upload':true,
        disabled:false,
        limit:''
    }
]

export const layoutComponents = [
    {
        label: '按钮',
        tag: 'el-button',
        type: 'primary',
        content: '按钮',
        size:'default',
        plain:false,
        round:false,
        circle:false,
        text:false,
        bg:false,
        link:false,
        loading:false,
        'loading-icon':'Loading',
        disabled:false,
        icon:'',
    }
]

